import React, { Component } from 'react'

export default class ListView extends Component {
  render () {
    let films = this.props.films || []
    return (
      <div className="index-list-view list-box padd-16">
        <ul className="list">
          {films.map(item => {
            return (
              <li className="item mg-top-10 bg-fff" key={item.id}>
                <img src={item.cover && item.cover.origin} alt=""/>
                <div className="disc">
                  <div className="text">
                    <p className="film-name">{item.name}</p>
                    <p className="count c99">{item.cinemaCount}家影院上映 {item.watchCount}购票 </p>
                  </div>
                  <p className="score cfc">{item.grade}</p>
                </div>
              </li>
            )
          })}

          <li click="moreFilms('now-playing')" className="more fcc mg-top-20">
            <span className="ifcc">更多热映电影</span>
          </li>
        </ul>
      </div>
    )
  }
}
